<ion-app>
  <ion-split-pane>
    <ion-menu swipe-gesture="false">
      <div class="custom-menu-top">
        <ion-img src="assets/imgs/logo_text_column.png"></ion-img>
      </div>
      <ion-content>
        <ion-list>
          <ion-menu-toggle auto-hide="false" *ngFor="let p1 of userPages">
            <ion-item detail lines="none" (click)="pushPage(p1.url)">
              <ion-icon slot="start" class="color-orange" [name]="p1.icon"></ion-icon>
              <ion-label>
                {{p1.title}}
              </ion-label>
            </ion-item>
          </ion-menu-toggle>
        </ion-list>
        <ion-list>
          <ion-menu-toggle auto-hide="false" *ngFor="let p2 of otherPages">
            <ion-item detail lines="none" [routerLink]="[p2.url]">
              <ion-icon slot="start" class="color-orange" [name]="p2.icon"></ion-icon>
              <ion-label>
                {{p2.title}}
              </ion-label>
            </ion-item>
          </ion-menu-toggle>
        </ion-list>
      </ion-content>
    </ion-menu>

    <ion-router-outlet main></ion-router-outlet>
  </ion-split-pane>
</ion-app>
